 <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="./static/css/anjuke.css">

<style type="text/css">

</style>
</head>
<body>
	
	<div class="header">

		<div class="nav-search">
			<img style="width:1180px;height:70px;border:none;" src="https://pic1.ajkimg.com/display/xinform/b47a47cd559b10e22a46919bb0d949c3/W0QQnZo.jpg.d91b722a53eba906235efdfc9356bb64.jpg">
			<a href="#" ><img src="./img/logo.svg" class="logo"></a>
			<div class="search-left">
				<ul class="ul-top">
					<li style="margin-left: 10px">首页</li>
					<span class="span-line"></span>
					<li>新房</li>
					<span class="span-line"></span>
					<li>二手房</li>
					<span class="span-line"></span>
					<li>租房</li>
					<span class="span-line"></span>
					<li>商品写字楼</li>
					<span class="span-line"></span>
					<li>海外地产</li>
					<span class="span-line"></span>
					<li>贷款</li>
					<span class="span-line"></span>
					<li>回答</li>
				</ul>
			</div>
			<div class="search-right">
				<ul class="ul-top">
					<li>
						<span>用户登录</span>
						<span class="login-logo"></span>					</li>
					<li><span class="span-line"></span>
						<a href="#" style="color: #666">
						<span class="glyphicon glyphicon-user" style="margin-right: 3px"></span>用户登录
						</a>
					</li>
					<li>
						<span style="margin-left: 10px;">注册</span>
					</li>
					<li>
						<a href="#" style="color: #666">
						<span class="glyphicon glyphicon-heart" style="margin-right: 3px;"></span>收藏夹

						</a>
						<span class="span-line"></span>
					</li>
				</ul>	
			</div>
		</div>
		<div class="nav-content">
			<ul class="content-ul">
				<li>安居客</li>
				<li>></li>
				<li>楼盘</li>
				<li>></li>
				<li>楼盘</li>
				<li>></li>
				<li>广汇 东湖城</li>
			</ul>
			<div class="search" style="float: right;">
				<div class="input-group">
			      <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
			      <span class="input-group-addon" id="basic-addon2">搜索</span>
    			</div>
			</div>
		</div>
		<div class="nav-bottom">
			<ul class="bottom-ul">
				<a href="#"><li class="active-li">楼盘首页</li></a>
				<a href="#"><li>楼盘详情</li></a>
				<a href="#"><li>楼盘相册</li></a>
				<a href="#"><li>楼盘动态</li></a>
				<a href="#"><li>楼盘户型</li></a>
				<a href="#"><li>用户点评</li></a>
				<a href="#"><li>回答</li></a>
				<a href="#"><li>楼盘评测</li></a>
				<a href="#"><li>周边配套</li></a>
				<a href="#"><li>楼盘房源</li></a>
			</ul>
		</div>
	</div>

	<div class="sort-tab" >
		<a id="all_loupan" class="highlight nomargin" href="https://gg.fang.anjuke.com/loupan/all/">全部楼盘</a>
        <a id="discount_loupan" class="" href="https://gg.fang.anjuke.com/loupan/all/b9997/" rel="nofollow"><i class="iconfont lp-tab-icon"></i>优惠楼盘</a>
   </div>

    <div class="sort-condi">
        <div class="condition">
            <a class="light" href=""><span>默认排序</span></a>
            <a class="" href="https://gg.fang.anjuke.com/loupan/all/s2/" rel="nofollow"><span>价格</span><i class="list-ico defult-down"></i></a>
            <a class="" href="https://gg.fang.anjuke.com/loupan/all/s6/" rel="nofollow"><span>开盘时间</span><i class="list-ico defult-down"></i></a>
        </div>
        <span class="result">
            共有<em>101</em>个符合要求的<a target="_blank" class="" href="https://gg.fang.anjuke.com/loupan/" style="color: #f60">贵港楼盘</a>
        </span>
    </div>
	<div class="sort-imgs">
	<% list_data.forEach(json=>{ %>
    <div class="sort-img">
		<a href="#" style="float: left;">
			<img width="180" height="135" src="https://pic4.ajkimg.com/display/xinfang/d01cb63b8081d583c22b76cf9d5c740b/180x135m.jpg" alt="">
			<!-- <%=json.main_img_path%> -->
		</a>
		<div class="sort-img-content">
			<a href="detail/<%=json.ID -%>" target="_blank"><h3 style="margin-top: 0px;"><span class="items-name"><%=json.title%></span></h3></a>
			<div class="junjia">均价：<span class="junjia-word"><%=json.ave_price-%></span></div>
			<a href="#"><h4 style="margin-top: 0px;"><span class="items-name">[ <%=json.position_main%> <%=json.position_second%> ] <%=json.sub_title%></span></h4></a>
			
			<a href="#"><h4 style="margin-top: 0px;"><span class="items-name">户型：<span style="margin: 10px 20px 10px 5px;"><%=json.property_types-%></span><span>建筑面积：<%=json.area_min-%>-<%=json.area_max-%></㎡</span></span></h4></a>
			<span class="tag span-green">高绿化率</span>
			<span class="tag">大型社区</span>
			<span class="tag">公园</span>
			<span class="tag">国际小区</span>
		</div>
    </div>
	<% }); %>
    </div>

    <!-- page -->
    <div class="page-div">
    	<div class="pagination-div">
    		<%if(cur_page>1){-%>
    		<a href="?page<%cur_page-1 -%>">上一页</a>
    		<% }-%>
    		<% for(let i=1;i<=page_count;i++){
    			if(i==cur_page){
    		%>
    			<a href="JavaScript:;" class="activ-a"><%=i-%></a>
    		<% }else{%>
    			<a href="?page=<%=i%>"><%=i-%></a>
    		<% }} %>
    		<!-- <a href="">3</a>
    		<a href="">4</a>
    		<a href="">5</a> -->
    		<% if(cur_page<page_count){ %>
    		<a href="?page=<%= cur_page+1-%>">下一页</a>
    		<% } %>
    	</div>
    </div>
    
</body>
</html>
